$--definition-table-form-title-color: #333; // 表格+表单+对话框 标题颜色
$--definition-border-color: #dcdfe6; // 边框颜色
$--definition-table-header-background-color: #f2f2f2; // 表格头部背景颜色

// dialog头部
.el-dialog__title {
  color: $--definition-table-form-title-color;
}

.el-dialog__header {
  padding-bottom: 20px;
  font-weight: 700;
  border-bottom: 1px solid $--definition-border-color;
}

.el-dialog__body {
  padding: 16px 16px 0;
}

// dialog底部
.el-dialog .el-dialog__footer {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 23px;
  border-top: 1px solid $--definition-border-color;
}

// 抽屉
#el-drawer__title.el-drawer__header {
  color: $--definition-table-form-title-color;
  font-weight: 700;
  margin-bottom: 20px;
}

.el-drawer__body {
  border-top: 1px solid $--definition-border-color;
}

// 抽屉-去除标题黑色边框
.el-drawer__header span:focus {
  outline: none;
}

// 查询表单 的el-form都需要加此样式
.box-query-form {
  background-color: #fff;
  padding: 10px 10px;
  border-radius: 2px;

  .el-col {
    padding: 0 8px;

    .el-date-editor {
      width: 100%;
    }

    .el-select {
      width: 100%;
    }
  }
}

// 表单
.el-form {
  .el-form-item__label {
    color: $--definition-table-form-title-color;
    font-weight: normal;
  }

  .el-form-item {
    margin-bottom: 16px;
  }
}

// label-top的表单
.el-form--label-top {
  .el-form-item__label {
    line-height: 30px;
    padding-bottom: 8px;
  }
}

// el-input后置内容padding
.el-input-group__append,
.el-input-group__prepend {
  padding: 0 15px;
}

// (新增编辑)页面的样式 - 下拉框和日期宽度拉满
.box-container {
  .box-card {
    .el-card__body {
      padding: 16px 0 0;
      @extend .clearfix; //解决塌陷

      .el-select {
        width: 100%;
      }

      .el-date-editor {
        width: 100%;
      }
    }
  }
}

// 表格头部 
.el-table .el-table__header thead th {
  color: $--definition-table-form-title-color;
  background-color: $--definition-table-header-background-color;
}

// 表格滚动条顶部
.el-table__fixed-right-patch {
  background-color: $--definition-table-header-background-color;
}

// 所有button
.el-button--info,
.el-button--default,
.el-button--cyan,
.el-button--primary,
.el-button--success,
.el-button--warning,
.el-button--danger {
  padding: 10px 14px !important;
}

// 新增按钮
.el-button.el-button--default.btnAdd {
  color:#1890ff;
  border: 1px solid #1890ff;

  &:hover {
    color: #1890ff;
    border: 1px solid #1890ff;
  }
}

// // primary类型按钮
// .el-button--primary{
//   background-color: $subjectColor !important;
//   border-color: $subjectColor !important;
//   &:hover {
//     background-color: $subjectColor;
//     border-color: $subjectColor;
//   }
// }


// 通用页面样式 需要确保类名一致
$batchActionHeight: 35px; //批量操作行高

.box-list-container {
  .box-query-form {
    background-color: #fff;
    padding: 16px 16px 0;
    border-radius: 2px;

    .el-col {
      padding: 0 8px;
    }

    .table-search-btn {
      text-align: left;
      padding-bottom: 16px;
    }
  }

  .box-table {
    margin-top: 16px;
    background-color: #fff;
    padding: 16px 28px 10px;
    border-radius: 2px;
    .el-table td, .el-table th{
      padding: 6px 0;
    }
    .table-title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 16px;

      .table-title-left {
        font-size: 18px;
      }
    }

    // 批量操作
    .batchAction {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: $batchActionHeight;
      margin-bottom: 10px;

      .batchAction-left {
        width: 130px;
        height: 100%;
        line-height: $batchActionHeight;
      }

      .batchAction-right {
        flex: 1;
        padding-left: 50px;
        border-radius: 3px;
        border: 1px solid #91d5ff;
        background-color: rgba(24, 145, 255, 0.15);
        height: 100%;
        line-height: $batchActionHeight;
        color: #505659;

        .el-link {
          vertical-align: bottom;
        }
      }
    }
  }

  .box-paging {
    text-align: right;

    .pagination-container {
      margin-top: 10px;
      padding: 10px 16px;
    }
  }
}